/* 白底 */
.bg-white { background-color: #fff; }

/* 底部留白 */
section.has-footer { margin-bottom: 116px; }
footer.bar.nav .item img { width: 44px; height: 44px; }
footer.bar.nav .item span { line-height: 1; }

/* 脚本提醒 */
.js-notice { position: fixed; left: 0; bottom: 75px; height: 0; overflow: visible; text-align: center; width: 100%; z-index: 1001; font-size: 24px; }
.js-notice span { display: inline-block; padding: 10px 25px; border-radius: 8px; color: #fff; background-color: rgba(0, 0, 0, 0.7); }
.js-notice.overdue { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: fadeOut; animation-name: fadeOut; display: none; }

/* 加载更多 */
.loadmore { font-size: 24px; color: #999; text-align: center; padding: 0 0 20px; margin-top: 20px; width: 100%; }

/* 延迟加载图文 */
.lazyhtml { display: none; }

/* 强制断行 */
.break-words { white-space: normal !important; }

/* 遮罩 */
.masklayer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; margin: 0 auto; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; }
.masklayer [data-dismiss] { cursor: pointer; }

/* 弹窗 */
.modal { background: #fff; border-radius: 16px; overflow: hidden; color: #000; width: 560px; position: absolute; top: 45%; left: 50%; margin: -160px auto 200px -280px; line-height: 1.5; }
.modal .title { font-weight: normal; font-size: 32px; padding-top: 24px; font-weight: 500; }
.modal .content { padding: 12px 20px 20px; font-size: 30px; white-space: normal; }
.modal .footer { display: block; height: 80px; line-height: 80px; border-top: 1px solid #e5e5e5; background-color: #fff; text-align: center; cursor: pointer; }
.modal .button-group { margin-top: 0; margin-bottom: 0; }
.modal .button-group > .button:not(:last-child) { margin-right: 0; border-right: 1px solid #e5e5e5 !important; font-weight: 500; }

/* 支持弹性布局的手机正常处理 */
@supports ((flex:1) or (-webkit-flex:1) or (-webkit-box-flex:1)) {
  .modal { position: static; -webkit-flex-basis: 560px; flex-basis: 560px; -webkit-flex-grow: 0; flex-grow: 0; min-height: auto; margin: auto; }
}

/* 选项卡 */
.tabpane { display: none; }
.tabpane.active { display: block; }

/* 浮窗 */
.popup { background: #fff; position: fixed; left: 0; bottom: 0; width: 100%; overflow-y: auto; z-index: 9999; }
.popup > .header { position: relative; height: 88px; line-height: 88px; border-bottom: 1px solid #eee; padding: 0 30px; text-align: center; }
.popup > .header .title { font-size: 1rem; }
.popup > .header a:first-child { position: absolute; padding: 20px 30px; left: 0; top: 0; line-height: 1.5; min-width: 92px; }
.popup > section { min-height: 400px; min-height: 40vh; max-height: 576px; max-height: 60vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.popup > section.has-footer { margin-bottom: 108px; }

/* 轮播 默认(750 * 700) */
.swipe { position: relative; overflow: hidden; padding-top: 93.33333%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.swipe > .wrap { position: absolute; left: 0; top: 0; overflow: hidden; }
.swipe > .wrap > .item { float: left; }
.swipe > .wrap > .item .autofix { padding-top: 93.33333%; }
.swipe > .pages { position: absolute; text-align: right; z-index: 10; bottom: 10px; width: 100%; padding-right: 30px; }
.swipe > .pages > a { display: inline-block; width: 16px; height: 16px; overflow: hidden; margin: 0 3px; border-radius: 100%; vertical-align: middle; border: 1px solid #ff6f21; }
.swipe > .pages > a.active { background-color: #ff6f21; }
